
import {reqAddUser} from '../../api'
// 给file 输入框绑定选择文件的监听(change)
document.getElementById('profile').onchange = (e) => {
  // 得到选择的文件file对象
  const file = e.target.files[0]
  // 对file中包含的图片进行base64编码
  // 创建读取文件的reader对象
  const fileReader = new FileReader()
  // 读取文件  => 异步的
  fileReader.readAsDataURL(file)
  // 绑定读取完成的监听
  fileReader.onload = () => {
    // console.log(fileReader.result)
    // 显示到页面
    document.getElementById('preview').src = fileReader.result
  }

}

const addForm = document.getElementById('addForm') 
addForm.onsubmit = async (e) => {
  e.preventDefault()

  // 创建一个空的formData(里面没有数据, 需要手动添加数据)
  // const formData = new FormData()
  // formData.set('username', document.getElementById('username').value)
  // formData.set('pwd', document.getElementById('pwd').value)
  // formData.set('profileFile', document.getElementById('profile').files[0])

  // 根据Form来创建formData对象
  const formData = new FormData(addForm) // 专门用来收集带文件的表单数据
  // console.log(formData.get('username'))
  // console.log(formData.get('pwd'))
  // console.log(formData.get('profileFile'))

  // 请求添加
  const result = await reqAddUser(formData)
  if (result.code==='2000') { // 请求成功, 跳转到列表页面
    window.location = '/users.html'
  } else { // 如果失败, 提示
    alert(result.message)
  }
}